<script setup lang="ts">
const clickedCount = ref(3);
</script>

<template>
  <div
    class="absolute left-0 top-0 h-screen w-screen flex items-center justify-center bg-red/30"
    :class="[!!clickedCount ? '' : '!hidden']"
    @click="clickedCount--"
  >
    安全距离 {{ clickedCount }}
  </div>
  <div class="h-$safe-top bg-red" />

  <div class="fixed bottom-0 left-0 h-14 w-full flex items-center justify-center bg-cyan/70">
    底部状态栏
  </div>
</template>
